<template>
	<div
		class="overflow-ellipsis overflow-hidden w-full cursor-pointer text-primary"
		@click="handleCasinoGameDetail">
		{{ value }}
	</div>
</template>

<script lang="ts" setup>
import { useAppStore } from '@/store'

const appStore = useAppStore()
const props = defineProps({
	value: {
		type: [Number, String],
		default: ''
	},
	data: {
		type: Object
	}
})
const handleCasinoGameDetail = () => {
	appStore.setCasinoDetailVisible(true, props.data)
}
</script>
<style lang="scss" scoped></style>
